*{
    padding:0;
    margin:0;
}
li{
    list-style: none;
}
label{
    font-weight:normal;
}
.box{
    overflow:hidden;
    padding:9px;
    margin-bottom:0.6em;
    background:#fff;
    box-shadow: 0 1px 3px #dbdbdb;
    color:#6f597d;
}
.box>label{
    float:left;
    width:30%;
}
.title{
    margin-bottom:0.5em;
    font-size:1.2em;
    font-weight:bold;
    color:#6f597d;
}
.testSelect>div{
    float:left;
    padding:6px 8px;
    margin-right:0.8em;
    background:#cfccc8;
    color:white;
    cursor:pointer;
}
.testSelect>div:last-child,.question>div:nth-child(4n){
    margin-right:0;
}
.testSelect>div.checking{
    background:#27cce3;
    color:#fff;
}
.testSelect>div.checked{
    background:#ffbf42;
    color:#fff;
}
.question>div{
    position:relative;
    float:left;
    width:24.4%;
    height:190px;
    padding:6px 8px;
    margin-right:0.8%;
    box-sizing: border-box;
    color:#a894a8;
    cursor:pointer;
}
.ques-title{
    margin-bottom:5px;
    padding-bottom:6px;
    border-bottom:1px dashed #705070;
    font-weight:bold;
    font-size:1em;
    text-align:center;
}
.ques-list{
    margin-top:6px;
}
.ques-list ul{
    margin-bottom:0;
}
div.symbol{
    position:absolute;
    bottom:6px;
    right:8px;
}
.question>div.select{
    background:#9a92f0;
    color:#fff;
}
.question>div.select  .ques-title{
    border-color:#fff;
}
.picture{
    margin:0 auto;
    width:110px;
    height:85px;
}
.picture img{
    width:100%;
    height:100%;
}